<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="../style/style.css" />
    <script type="text/javascript" src="../script/jquery.js"></script>

</head>

<body>
    <div class="head">
        <div class="logo">
            <a href="./index.html" id="logo"></a>
        </div>
        <script>
            var logo = document.getElementById("logo");

            function pianyi() {
                setInterval(function() {
                    var zhengwen = window.screen.width;
                    var width = document.body.clientWidth;
                    if (zhengwen > 1200) {
                        logo.style.left = "-" + (zhengwen - width + 400) / 2.4 + "px"
                    } else {
                        logo.style.left = 0
                    }
                    $(function() {
                        $(".shouye").css("left", $(".logo").find("a").width() + $(".logo").find("a").position().left - 20);
                    })
                }, 10)
            }
            pianyi();
        </script>
        <div class="shouye">
            <div class="banner">
                <ul class="clearfix" id="shouye">
                    <li><a href="./index.html">首页</a></li>
                    <li><a href="article/chanpin.html">产品</a></li>
                    <li><a href="article/chanpinSupport.html">产品支持</a></li>
                    <li><a href="article/news.html">新闻资讯</a></li>
                    <li><a href="">关于我们</a></li>
                    <li><a href="article/point.html">联系我们</a></li>
                </ul>
            </div>
            <div class="else clearfix">
                <div class="search fl">
                    <div class="sbox1">
                        <span>产品</span>
                        <span class="xiala">▼</span>
                    </div>
                    <div class="sbox2">
                        <input type="text">
                        <a href="">
                            <img src="..//images/search.jpg" alt="">
                        </a>
                    </div>
                </div>
                <div class="turn fl">
                    <img src="..//images/turn.jpg" alt="">
                    <span>English</span>
                </div>
            </div>
        </div>
        <div class="banner-down">
            <div class="wp" id="bannerdown">
                <ul class="down">
                    <li><a href="article/chanpin.html">氩弧焊机系列</a></li>
                    <li><a href="article/chanpin.html">气体保护焊机系列</a></li>
                    <li><a href="article/chanpin.html">整流弧焊机系列</a></li>
                    <li><a href="article/chanpin.html">切割机系列</a></li>
                    <li><a href="article/chanpin.html">自动埋弧焊机系列</a></li>
                    <li><a href="article/chanpin.html">螺柱焊系列</a></li>
                    <li><a href="article/chanpin.html">电焊机系列</a></li>
                    <li><a href="article/chanpin.html">自动角焊机系列</a></li>
                    <li><a href="article/chanpin.html">配件</a></li>
                </ul>
                <ul class="down">
                    <li><a href="article/chanpinSupport.html">产品荣誉</a></li>
                    <li><a href="">产品应用</a></li>
                    <li><a href="article/chanpinSupport-Q&A.html">问题支持</a></li>
                    <li><a href="">资料下载</a></li>
                </ul>
                <ul class="down">
                    <li><a href="">公司动态</a></li>
                    <li><a href="">行业动态</a></li>
                    <li><a href="">焊接技巧</a></li>
                </ul>
                <ul class="down">
                    <li><a href="">公司简介</a></li>
                    <li><a href="">资质荣誉</a></li>
                </ul>
                <ul class="down">
                    <li><a href="">联系方式</a></li>
                    <li><a href="">经销网点</a></li>
                </ul>
            </div>
        </div>
    </div>
</body>

</html>

<div class="centerbanner clearfix">
    <div class="bn">
        <!--<a href=""></a>-->
        <div class="bannershow">
            <div class="xianzhi">
                <img src="../images/banner.jpg" alt="">
                <img src="../images/banner.jpg" alt="">
                <img src="../images/banner.jpg" alt="">
            </div>
        </div>
        <script>
            $(function() {
                for (var k = 0; k < $(".xianzhi img").length; k++) {
                    $(".btn ul").append('<li></li>');
                }
                var i = 0;
                var timer = null;
                $(".btn ul li").on("click", function() {
                    i = $(this).index();
                    $(".xianzhi img").eq(i).fadeIn(1000)
                        .siblings().fadeOut(1000);
                    $(".btn ul li").eq(i).css("backgroundColor", "yellow")
                        .siblings().css("backgroundColor", "red");
                })

                function fad() {
                    $(".xianzhi img").eq(i).fadeIn(1000)
                        .siblings().fadeOut(1000);
                    $(".btn ul li").eq(i).css("backgroundColor", "yellow")
                        .siblings().css("backgroundColor", "red");
                    i++;
                    if (i > $(".xianzhi img").length) {
                        i = 0;
                    }
                };
                timer = setInterval(fad, 3000);
            })
        </script>
        <div class="dianzuiL"></div>
        <div class="dianzuiR"></div>
        <div class="btn">
            <ul>
            </ul>
        </div>
        <div class="xuanxiang wp">
            <div class="L"></div>
            <div class="zhongjian">
                <div class="slideshow">
                    <div class="slide">
                        <a href="#">
                            <span class="wenzi1"></span>
                            <span class="tupian1"></span>
                        </a>
                    </div>
                    <div class="slide">
                        <a href="#">
                            <span class="wenzi1"></span>
                            <span class="tupian1"></span>
                        </a>
                    </div>
                    <div class="slide">
                        <a href="#">
                            <span class="wenzi1"></span>
                            <span class="tupian1"></span>
                        </a>
                    </div>
                    <div class="slide">
                        <a href="#">
                            <span class="wenzi1"></span>
                            <span class="tupian1"></span>
                        </a>
                    </div>
                    <div class="slide">
                        <a href="#">
                            <span class="wenzi1"></span>
                            <span class="tupian1"></span>
                        </a>
                    </div>
                </div>
            </div>
            <div class="R"></div>
        </div>
    </div>
</div>
<div class="tuijian">
    <div class="wp">
        <div class="shang">
            <div class="wenzi">
                <span>新品推荐</span>
                <a href="#">更多产品→</a>
            </div>
            <div class="tuijiantu">
                <ul>
                    <li class="mr">
                        <a href="">
                           <img src="../images/tuijian.png" alt="">
                           <span class="more">MORE</span>
                           <span class="box"></span>
                       </a>
                    </li>
                    <li class="mr">
                        <a href="">
                           <img src="../images/tuijian.png" alt="">
                           <span class="more">MORE</span>
                           <span class="box"></span>
                       </a>
                    </li>
                    <li class="mr">
                        <a href="">
                           <img src="../images/tuijian.png" alt="">
                           <span class="more">MORE</span>
                           <span class="box"></span>
                       </a>
                    </li>
                    <li>
                        <a href="">
                           <img src="../images/tuijian.png" alt="">
                           <span class="more">MORE</span>
                           <span class="box"></span>
                       </a>
                    </li>

                </ul>
            </div>
        </div>
        <div class="xia">
            <div class="box1">
                <span>机器人为代表的自动化焊接是大势所趋</span>
                <a href="">展出如此多的焊接机器人，焊机厂商们并不是在作秀。谈到 最近客户需求的变化时，山东奥太的张秀珊副总...
                    <br>
                    <br>
                    2016-08-09
                </a>
            </div>
            <div class="box2">
                <span>第114届中国进出口商品交易会（广交会）</span>
                <a href="">展出如此多的焊接机器人，焊机厂商们并不是在作秀。谈到 最近客户需求的变化时，山东奥太的张秀珊副总...
                    <br>
                    <br>
                    2016-08-09
                </a>
            </div>
            <div class="right">
                <a href="#"></a>
            </div>
        </div>
    </div>
</div>

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>

<body>
    <div class="foot">
        <div class="wp clearfix">
            <div class="jianjie fl">
                <div>
                    <h1>产品</h1>
                    <ul>
                        <li><a href="">氩弧焊</a></li>
                        <li><a href="">气保焊</a></li>
                        <li><a href="">弧焊机</a></li>
                        <li><a href="">切割机</a></li>
                        <li><a href="">更多+</a></li>
                    </ul>
                </div>
                <div>
                    <h1>产品支持</h1>
                    <ul>
                        <li><a href="">产品资源</a></li>
                        <li><a href="">产品应用</a></li>
                        <li><a href="">问题支持</a></li>
                        <li><a href="">资料下载</a></li>
                    </ul>
                </div>
                <div>
                    <h1>新闻资讯</h1>
                    <ul>
                        <li><a href="">公司动态</a></li>
                        <li><a href="">行业动态</a></li>
                        <li><a href="">焊接技巧</a></li>
                    </ul>

                </div>
                <div>
                    <h1>关于我们</h1>
                    <ul>
                        <li><a href="">公司简介</a></li>
                        <li><a href="">发展历程</a></li>
                        <li><a href="">资质荣誉</a></li>
                    </ul>
                </div>
                <div>
                    <h1>联系我们</h1>
                    <ul>
                        <li><a href="">联系方式</a></li>
                        <li><a href="">营销网点</a></li>
                    </ul>
                </div>
            </div>
            <div class="lianxi fr">
                <div class="wenzi">
                    联系我们
                </div>
                <div>
                    <img src="..//images/phone.jpg" alt="">
                </div>
                <div class="image">
                    <span><a href=""><img src="..//images/weixin.png" alt=""></a></span>
                    <span><a href=""><img src="..//images/qq.jpg" alt=""></a></span>
                    <span><a href=""><img src="..//images/weibo.jpg" alt=""></a></span>
                </div>
            </div>
            <div class="else fl wp">
                长胜机电 ©2016 粤ICP备14062985号-1 Design by
            </div>
        </div>
    </div>
</body>
<script type="text/javascript" src="../script/script.js"></script>

</html>